<template>
    <div class="header">
        <h2>{{msg}}</h2>    
    </div>    
</template>

<script>
export default {
    name:'Banner',
    data:function(){
        return{
            msg:'this is banner'
        }
    },
    methods:{

    }
}
</script>

<style scoped>
    .header{
        width:960px;
        height:50px;
        background-color:red;
        margin:0 auto;
    }
    .header h2{
        margin:0px;
    }
</style>